
<!doctype html> 
<html lang="en"> 
	<head> 
		<meta charset="utf-8"/> 
		<title>South American Countries</title> 
		<link href="styles/styles.css" 
			rel="stylesheet"
			type="text/css"/> 
		<script language="javascript" src="scripts/scripts.js"> 
			var nCount = 0;
			
			function showArgentina()
			{
				nCount = nCount + 1;
				//alert( "SHOW THE FLAG" );
				
				// go through the HTML document, get the element (aka the tag
				// that has the id="picture" and change the src, alt, and
				// title attributes.
				document.getElementById( "picture" ).src = "images/Argentinaswayflag.jpg";
				document.getElementById( "picture" ).alt = "This is a picture of Argentina's flag'";	
				document.getElementById( "picture" ).title = "This is a picture of Argentina's flag";				
				document.getElementById( "test").src = "images/Glacial_iceberg_in_Argentina.jpg";
				document.getElementById( "test" ).alt = "This is a picture of Perito Moreno Glaciar'";	
				document.getElementById( "test" ).title = "This is a picture of Argentina's Glaciar";				
			
				document.getElementById( "caption" ).innerHTML = "Manuel Belgrano was the creator of the Argentina flag and considered a national emblem in 1816. The flag has three stripes two light blue, one white and in 1818 a golden sun called the <q>Sun of May</q> was added. The flag was first waved by Manuel Belgrano during the War of Independence in 1812, but not officially considered Argentinas flag until 1816. <br><br> Perito Moreno is glaciar located in Argentina at Lake Argentino. The Perito Moreno is one in a group of 48 glaciers located in the Andes. It is the most visted tourist attraction and name after a great naturalist and Argentine explorer Perito Moreno. ";
			}
		
			function showBolivia()
			{
				nCount = nCount + 1;
				document.getElementById( "picture" ).src = "images/Bandera_(Bolivia).jpg";
				document.getElementById( "picture" ).alt = "This is a picture of the Bolivian flag ";	
				document.getElementById( "picture" ).title = "This is a picture of Bolivian's flag";				
				document.getElementById( "test").src = "images/DepartamentosdeBolivia.png";
				document.getElementById( "test" ).alt = "This is a picture of Bolivia's different departments";	
				document.getElementById( "test" ).title = "This is a picture of departments that divide Bolivia";				
			
				document.getElementById( "caption" ).innerHTML = "Bolivian flag displays three equal horizontal bands of red, yellow, and green with the coat of arms centered on the yellow band. Each of the colors have their own individual representation the red stands for bravery and the blood of national heroes, yellow for the nation's mineral resources, and green for the fertility of the land. <br><br> Bolivia has a Population of 10,118,683, which consist of an ethinc group of people called Quechua and mestizos.Bolivia is divided into 9 departments, the picture on the right depicts the departments Beni, Chuquisaca, Cochabamba, La Paz, Oruro, Pando, Potosi, Santa Cruz, and Tarija.";
 
			}
		
			function showBrazil()
			{
				nCount = nCount + 1;
				document.getElementById( "picture" ).src = "images/500px-Flag_of_Brazil_svg.png";
				document.getElementById( "picture" ).alt = "This is a picture of the Brazilan flag ";	
				document.getElementById( "picture" ).title = "This is a picture of Brazil's flag";				
				document.getElementById( "test").src = "images/800px-Rio_de_Janeiro_Helicoptero_47_Feb_2006.jpg";
				document.getElementById( "test" ).alt = "This is a picture of Rio de Janerio";	
				document.getElementById( "test" ).title = "This is a picture shows Christ the Redeemer";				
			
				document.getElementById( "caption" ).innerHTML = "Christ the Redeemer is a statue of Jesus Christ in Rio de Janeiro, Brazil. The statue is 120 ft tall and has a weight of 635 tones, it is made of concrete and soapstone. It is located in the Corcovado Mountains in the Tujuca forest National Park about 2,300 feet high. The statue is a symbol of Christianity and displays Jesus Christ with this arms wide open embracing the city.";
			}
		
			function showColombia()
			{
				nCount = nCount + 1;
				document.getElementById( "picture" ).src = "images/CatedralPrimadaBogota.jpg";
				document.getElementById( "picture" ).alt = "This is a picture of the Cathedral Church in Bogota, Colombia";	
				document.getElementById( "picture" ).title = "This is a picture Catedral Primada";				
				document.getElementById( "test").src = "images/GovernmentSealColombia.png";
				document.getElementById( "test" ).alt = "This is a picture of Colombia's government seal'";	
				document.getElementById( "test" ).title = "This is a picture of departments that divide Bolivia";				
			
				document.getElementById( "caption" ).innerHTML = "Bogota's Primary Cathedral and Holy Chapel on Bogota's Bolivar Plaza is pictured on the left, it was built between 1807 and 1823. This cathedral is considered the biggest in Columbia and within the walls lays the remains of Gonzalo Jimenez de Quesada, Spanish Conqueror, and founder of Bogota. <br><br> The coat of arms of Colombia contains a shield with numerous symbols. Perched on top of the shield is an Andean Condor holding an olive crown and the condor symbolizing freedom. The national motto, Libertad y Orden (Spanish for Liberty and Order), is on a scroll in between the bird and the shield in black font over golden background. The condor is depicted facing front with his wings extended and looking to the right. ";
			}
			
			function showPeru()
			{
				nCount = nCount + 1;
				document.getElementById( "picture" ).src = "images/MachuPicchu.jpg";
				document.getElementById( "picture" ).alt = "This is a picture of Machu Picchu";	
				document.getElementById( "picture" ).title = "This is a picture Machu Picchu in Peru";				
				document.getElementById( "test").src = "images/Peru.png";
				document.getElementById( "test" ).alt = "This is a map of Peru";	
				document.getElementById( "test" ).title = "A map of Peru";				
			
				document.getElementById( "caption" ).innerHTML = "Machu Picchu is now considered one of the new Seven Wonders of the World. It lies 7,000 feet above sea level and nestled on a small hilltop between the Andean Mountain Range, the majestic city soars above the Urabamba Valley below. <br><br> The map of Peru illustrates the capital Lima near the coast and its proximity to Brazil.  There are 29,248,943 people in Peru, 8 million alone in Lima. The official language of Peru is Spanish with over 80% of the citizens being Roman Catholic.";
			}
		
			function showCounter()
			{
				alert( "The counter is at " + nCount );
			}
		
		
		
			
		
		alert( "Instructions for use: When accessing this site select any of the links for information about each country in South America. If you click the More Information link additional facts about South America and interesting facts about each country will appear." );
		//	prompt( "What is your name?" );		
		// confirm( "Are you sure you want to come to my site?");
		
		/*
		var sFirstName = "Tim";	// string variable declaration
		var sLastName = "Yuen";	// string variable declaration
		
		var nScore1 = 98;	
		var nScore2 = 86;
		
		var nFinalScore = ( nScore1 + nScore2 ) / 2;
		
		
		alert( "Welcome, " + sFirstName + "! Your score is " + nFinalScore );		
		*/
		 </script>	
	</head> 
	<body> 
	
		<header> 
			<h1>South American Countries</h1> 
		</header> 
		
		<section> 
		
		<div> 
		<img src="images/Orthographic_Projection_of_South_America.png" height=325 width=350
			alt="This is the title slide"
			title="This is the title slide"
			id="picture" /> 
		
		<img src="images/saflags.png" height = 325 width=350
			alt=""
			title=""
			id="test" /> 
			
		
		</div> 
		<br>
		<br>
				
		<nav> 
			<div> 
				<a href="about.html" class="menulinks">More Information</a>
				<a href="javascript:showArgentina()" class="menulinks">Argentina</a> 
				<a href="javascript:showBolivia()" class="menulinks">Bolivia</a> 
				<a href="javascript:showBrazil()" class="menulinks">Brazil</a> 
				<a href="javascript:showColombia()" class="menulinks">Colombia</a> 
				<a href="javascript:showPeru()" class="menulinks">Peru</a><br><br><br> 
				<a href="javascript:showCounter()" class="menulinks">COUNTER</a> 
			</div> 
		</nav> 
		
		<br>
		<br>
		
		

		<section> 
		
		<p id="caption">&nbsp;</p> 
		</section> 
	
		
		<footer> 
			<cite>Content used for Argentina <a href="http://www.patagonia-argentina.com/en/perito-moreno-glacier">Argentina</a></cite><br>
			<cite>This page's content comes from 
				<a href="http://lipsum.com" target="_blank">Lorem Ipsum</a></cite> 
			<br/> 
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite> 
			<p>&copy; 2011</p> 
		</footer> 
	
	</body> 
</html>